@import './../../util/styles/index.scss';
.decision {
  a{text-decoration: none;}
  a:hover{color: $navActive !important;}
  .banner{height: 140px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
  .content{width: $width;margin: auto;padding: 15px 15px 80px 15px;box-sizing: border-box;margin-top: 20px;background: #fff;
    .top{height: 206px;
      .pic{float: left;width: 532px;height: 100%;background: #4C4C4C;
        > img{width: 100%;height: 100%; object-fit: cover}
      }
      .con{margin-left: 552px;line-height: 160%;font-size: 14px;color: #4C4C4C;height: 100%;position: relative;
        > h3{font-weight: normal;font-size: 16px;color: #242424;margin-bottom: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
          > a{color: #242424;}
        }
        .detail{position: absolute;top: 46px;left: 0;right: 0;bottom: 0;
          .contxt{white-space: pre-wrap;display: -webkit-box;-webkit-line-clamp: 8;line-height: 20px;max-height: 160px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;text-indent: 2em;}
          .btn{position: absolute;right: 0;bottom: 0;color: $navActive;display: inline-block;padding: 0 0 0 100px;background: linear-gradient(to right, transparent 0%, #fff 90%);line-height: 20px;
            > a{color: $navActive;}
          }
        }
      }
    }
    .listname{font-size: 16px;color: #242424;margin: 25px 0 20px;}
    .list{
      > ul{border-bottom: 1px solid #D7D7D7;margin-bottom: 18px;
        &:after{content: '';clear: both;overflow: hidden;display: block;height: 0;}
        .itemList{float: left;width: 50%;margin-bottom: 40px;box-sizing: border-box;height: 146px;
          &:nth-child(2n){padding-right: 10px;}
          &:nth-child(2n){padding-left: 10px;}
          .pic{float: left;width: 270px;height: 100%;background: #4C4C4C;
            > img{width: 100%;height: 100%; object-fit: cover}
          }
          .con{margin-left: 290px;line-height: 160%;font-size: 14px;color: #4C4C4C;height: 100%;position: relative;
            > h3{font-weight: normal;font-size: 16px;color: #242424;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
              > a{color: #242424;}
            }
            .detail{position: absolute;top: 32px;left: 0;right: 0;bottom: 0;
              .contxt{display: -webkit-box;-webkit-line-clamp: 6;line-height: 19px;max-height: 114px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
              .btn{position: absolute;right: 0;bottom: 0;color: $navActive;display: inline-block;padding: 0 0 0 100px;background: linear-gradient(to right, transparent 0%, #fff 90%);line-height: 20px;
                > a{color: $navActive;}
              }
            }
          }
        }
      }
    }
    .loadmore{font-size: 16px;color: $navActive;text-align: center;}
  }
}